import { useEffect, useState } from "react";

export default function studyUseState() {
	
    // let message = '欢迎学习RN'  // 直接修改常量 无法驱动View更新
    const [message , setMessage ] = useState('欢迎学习RN')
    const changeMessage = () => {
        // message = '我很愿意学习'
        setMessage('我很愿意学习')  // 修改message唯一的方式就是通过 setMessage
        console.log( "changeMessage内部", message);
    }

    useEffect(()=>{
        console.log("监听message" , message);
    },[message])



    // 定义一个状态变量 count，并提供一个函数 setCount 来更新 count 的值
	const [count, setCount] = useState(0);
	return (
		<div>
            <h2>1.Study useState</h2>
            <div> message: {message} </div>
            <button onClick={changeMessage}>Change Message</button>
			<p>点击次数 {count} </p>
			{/* 通过点击按钮调用 setCount 来更新 count */}
			<button onClick={() => setCount(count + 1)}>Change Count</button>
		</div>
	);
}
